﻿@import url(CSS/Main[0].css);
@media only screen and (max-width:800px) {

    body {
        font-size: 13pt;
    }
    input {
        color: dimgrey;
        background-color: #b6ff00;
    }

    table {text-align:center; width:99%; border-spacing:0 0; padding: 0 5px;}
        tr {border-bottom:2px solid dimgrey; border-spacing:0 0;}
            th {
                font-size: 1.1em;
                font-weight: bold;
                text-align: center;
                border: 1px solid dimgrey;
                border-spacing: 0 0;
                vertical-align: top;
                background-color: #b6ff00;
            }
            td {
                padding: 0 0 0 5px;
                border-bottom: 1px solid dimgrey;
                border-spacing: 0 0;
                vertical-align: top;
            }

    textarea {
        color: dimgrey;
        background-color: #b6ff00;
        font-family: Arial, Geneva, Verdana, sans-serif;
    }

    #header {}

    #nav { margin-top:10px;
    }

    #top {
        height: 50px;
        width:100%;
        text-align:right;
        top: 0;
        background: dimgrey;
        color: aqua;
        position: sticky;
    }

    #content {
        width:100%;
    }

    /* Style The Dropdown Button */
    .dropbtn {
        height:40px;
        border: none;
        padding:0 0;
        cursor: pointer;
        float: left;
        text-align:left;
       /* background-image: url('../Images/menu.gif');  */ 
    }

    /* The container <div> - needed to position the dropdown content */
    .dropdown {
        float:left;
        position: relative;
        display: inline-block;
        margin-top:4px;
    }
    /* Dropdown Content (Hidden by Default) */
    .dropdown-content {
        text-transform: capitalize;
        display: none;
        position: absolute;
        background-color: #f0f8e3;
        z-index: 1;
        min-width: 90px;
    }
        /* Links inside the dropdown */
        .dropdown-content a {
            color: black;
            padding: 2px 6px;
            text-decoration: none;
            display: block;
        }
        .dropdown-content ul {margin:0; padding:0; min-width:110px;}
        .dropdown-content ul li {margin:0; padding:0; list-style: none; display: block;}

            /* Change color of dropdown links on hover */
            .dropdown-content a:hover {
                background-color: #b6ff00; font-weight:bold;
            }
    /* Show the dropdown menu on hover */
    .dropdown:hover .dropdown-content {
        display: block;
    }
    /* Change the background color of the dropdown button when the dropdown content is shown
    .dropdown:hover .dropbtn {
        background-color: #3e8e41;
    } */

    .heading {
        font-size:2.3em; color:#b6ff00; text-shadow:2px 2px 2px black; float:right; margin: 0 10px; padding:0;
    }

    .txtlabel {
        width:50%;
    }
    .txtstandard {background-color:#b6ff00; color:black; font-size:0.9em; min-width:200px;}
}
